body{min-width:1200px;width:100%;overflow-x:hidden;}
            i,em{ font-style:normal;}
            .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
            .h_content{ width: 1340px;margin: 0 auto;}
            .header{height:197px;background:url(images/t_bg.jpg) no-repeat center 0;position: relative; overflow: hidden;}
            .h_con{height:135px; overflow: hidden;}
            .h_con .logo{float: left;margin:34px 24px 0 0;}
            .h_con h3{float:left; line-height: 100%; color: #333; width: 560px; padding-top: 37px; font-size: 22px;font-weight: normal;}
            .h_con h3 i{ display: block; font-size:32px; line-height: 100%; padding-bottom: 10px;font-weight: bold;}.h_con h2 i span{ padding-left: 35px;background:url(images/t_ico.jpg) no-repeat 14px 13px; display: inline-block; line-height: 100%;}
            .h_con p{ float: right; margin-top: 52px;}
            .h_con p i{ display: inline-block;float: left; padding-top: 3px; padding-right: 39px;}
            .h_con p em{ display: inline-block; float: left;font-weight: normal; padding-left: 44px; font-size: 14px; color: #333;background:url(images/tel.jpg) no-repeat; line-height: 32px;}
            .h_con p em span{ font-size: 27px; display: inline-block; line-height: 100%;}
            .h_con p em b{ display: inline-block; font-weight: normal; float: left;}
            .h_nav{height:79px;float: left; }
            .h_nav ul li{float: left;font-size: 18px;position: relative;background:url(images/nav.jpg) no-repeat right 26px;}
            .h_nav ul li:last-child{ background: none;}
            .h_nav ul li a{color: #fff;display: block; font-size:18px; position: relative;z-index: 5; line-height: 62px; text-align: center; padding: 0 22px;}
            .h_nav li.cur a,.h_nav li a:hover{ position: relative;}
            .h_nav li.cur a:before,.h_nav li a:before{display: inline-block;width:0;height: 3px;background: #fff;content: "";position: absolute;bottom: 0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 50%;opacity: 0;}
            .h_nav li.cur a:before,.h_nav li a:hover:before{  width:100%;opacity: 1;}
            .sea{ height:62px;float:right;position: relative; width: 237px; margin-right: 4px;}
            .sea .txt{width:195px;height:62px; overflow: hidden; background:none; border:0; float: left; color: #fff!important;}
            .sea .btn{width:41px; height:62px; background:url(images/seach.png) no-repeat 0 20px; cursor: pointer;z-index:67; position: relative; border: none; outline: none;}
                    input::-webkit-input-placeholder{color:#f2c6c5;font-size:16px;}
            　　　　input:-moz-placeholder{　　　　color:#f2c6c5;font-size:16px;}
            　　　　input::moz-placeholder{color:#f2c6c5;font-size:16px;}
            　　　　input:-ms-input-placeholder{　　　　color:#f2c6c5;font-size:16px;}
        

     .pros ul li{overflow: hidden;}
     .white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}

 

      .l_on ul li{    font-size: 0;
    line-height: 0; }
       .l_on ul li span{overflow: hidden;display: block;
        overflow: hidden;}
        .l_on ul li img,.xil ul li img{ -o-transition: all 1s linear 0s; transition: all 1s linear 0s;}
            .l_on ul li:hover img,.xil ul li:hover img{-webkit-transform: scale(1.15) rotate(0deg) translateY(0); -ms-transform: scale(1.15) rotate(0deg) translateY(0); transform: scale(1.15) rotate(0deg) translateY(0) }


  

.xil ul li{    font-size: 0;
    line-height: 0;}
    .xil ul li img{
    width: 276px;}


      .hcl ul li img{transition: all 0.3s linear 0s;}
            .hcl ul li:hover img{animation-duration: 1.5s;animation-name: flipInY;}
  
 .c_om1 ul li{    margin:0 14px;}
            .c_om1 ul li img{ width:385px;}
            .c_om1 ul li em span{height: 69px;}
            .c_om1 ul li b img{ width:23px;}
            .yos1 dl dd em a,.c_om1 ul li b img,.about h4 a {transition: all 0.3s linear 0s;}
.yos1 dl dd em a:hover{ background-position: 115px 14px;}
.about h4 a:hover{ background-position: 115px 14px;}
.c_om1 ul li b:hover img{ padding-left: 10px; display: inline-block;}
.c_nav ul li a:hover,.c_om1 ul li em:hover strong{color:#e50112;}
        

            .footer {height:360px;background: url(images/f_bg.jpg) no-repeat center 0;}
            .f_nav{ padding-top: 36px; height: 92px; overflow: hidden; text-align: center;}
            .f_nav a{ display: inline-block; line-height: 100%; font-size: 18px; color: #fff; padding: 0 29px;}
            .f_nav a:hover{text-decoration: underline;}
            .f_con{ overflow: hidden; height: 164px;}
            .f_con h3{ padding-top: 28px; padding-right: 43px; float: left;}
            .f_con ul{ float: left;}
            .f_con ul li{ float: left; width: 242px; font-size: 14px; color: #bbb; line-height: 24px;}
            .f_con ul li strong{ display: block; padding-left: 5px; padding-top:7px;}
            .f_con ul li em{ display: block; padding-left: 5px;}
            .f_con ul li span{ display: block;}
            .f_con ul li i{ font-size: 24px; line-height: 100%; padding-top: 3px; display: block;}
            .f_con h4{ float: right; overflow: hidden;}
            .f_con h4 span{ display: inline-block; float: left;}
            .f_con h4 span img{ display: inline-block; width: 100px; height: 100px; border: 14px solid #fff;}
            .f_con h4 i{ display: inline-block;background: url(images/f_bg.png) no-repeat; box-sizing: border-box; width: 38px; height: 128px; font-size: 14px; font-weight: normal;color: #bbb; padding: 27px 11px 0; line-height: 110%;}
            .f_copy{ overflow: hidden; line-height: 70px; font-size: 14px; color: #8b8a8b;}
            .f_copy span{ padding: 0 35px;}
            .f_copy i{ display: inline-block; float: right;}
            .f_copy a{color: #8b8a8b;}
            .f_copy a:hover{text-decoration: underline; color: #fff; opacity: 0.8;}
            .clearfix:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }
        

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #25395e;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #25395e;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }